.notice{
	height: 100vh;
	display: flex;
	flex-direction: column;
	.main{
		flex: 1;
		overflow: hidden;
		background-color: #f2f2f2;
		.scroll-view{
			height:100%;
			.notice-list-wrapper{
				width: 100%;
				padding: 34rpx 32rpx 34rpx 32rpx;
				box-sizing: border-box;
				.notice-item{
					display: flex;
					flex-direction: column;
					align-items: center;
					margin-bottom:22rpx;
					.publish-date{
						height: 34rpx;
						font-size: 24rpx;
						font-family: $global-font-family;
						font-weight: 400;
						color: #666666;
						line-height: 34rpx;
					}
					.notice-item-main{
						margin-top: 30rpx;
						width: 100%;
						min-height: 228rpx;
						background: #FFFFFF;
						border-radius: 24rpx;
						padding: 32rpx;
						box-sizing: border-box;
						display: flex;
						flex-direction: column;
						.notice-title{
							font-size: 28rpx;
							font-family: $global-font-family;
							font-weight: 400;
							color: #333333;
							overflow : hidden;
							text-overflow: ellipsis;
							display: -webkit-box;
							-webkit-line-clamp: 2;
							-webkit-box-orient: vertical;
							word-wrap: break-word;
							width: 100%;
						}
						.todetail-btn{
							margin-top: 24rpx;
							width: 188rpx;
							height: 60rpx;
							border-radius: 16rpx;
							border: 2rpx solid #707070;
							font-size: 28rpx;
							font-family: $global-font-family;
							font-weight: 400;
							color: #333333;
							line-height: 60rpx;
							text-align: center;
							position: relative;
							align-self: flex-end;
						}
					}
				}
			}
		}
	}
}